import { Button, Typography } from "@mui/material";
import {
    Box,
    Chip,
    FormControl,
    Grid,
    Paper,
    TextField,
    Dialog,
    DialogActions,
    DialogContent,
    DialogContentText,
    DialogTitle,
    useTheme,
  } from "@mui/material";
import React, { useEffect } from "react";
import { useState } from "react";

export default function Rank(props) {
  const [open, setOpen] = useState(false);

  return (
    <div>
    {props.value.isEnd==false?
        <div>
                <Chip
                label="未结束"
                color= "success"
                variant="outlined"
                />
        </div>:
        <div>
                 <Typography>
                        {props.value.rank}
                </Typography>
        </div>}
    </div>
  );
}